<!--
 * @Description: 
 * @version: 
 * @Author: erze
 * @Date: 2021-05-18 15:51:44
 * @LastEditors: erze
 * @LastEditTime: 2021-05-18 21:36:23
-->
<template>
  <div class="z-input">
      <!-- v-model 是 :value='value' @input='inpFun' 的语法糖 -->
      <input :type='type' :value='value' @input='inpFun' v-bind="$attrs">
  </div>
</template>

<script>
export default {
    // 阻止组件的根元素继承特性
    inheritAttrs:false,
    created(){
        // console.log(this.$attrs);
    },
    props:{
        type:{
            type: String,
            default: 'text',
        },
        value:{
            type: String,
        }
    },
    methods:{
        inpFun($event){
            this.$emit('input',$event.target.value);
            // 调用父亲的 方法（受监听的方法）
            this.$parent.$emit('validate');
        }
    }
}
</script>

<style lang="scss" scoped>
.z-input{
    width: 100%;
    height: 40px;
    input{
        width: 100%;
        height: 100%;
    }
}
</style>